<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>this关键词的使用</title>
</head>
<body>

<button onclick="window.add()">普通按钮</button>
<!--
        this: 指向当前对象     类似  python self
        dom 操作   js操作 获取节点对象
-->
<script>
    // 全局变量     动态的给window对象添加属性
    var a = 10
    var b = 20
    console.log('a = ', a)
    console.log('window.a = ', window.a)
    console.log('window.b = ', window.b)
    console.log('---------------------------------')
    console.log(window)
    // 全局位置使用this   指向window对象
    console.log(this)
    console.log(this.b)

    console.log('---------------------------------')

    function add() {
        console.log('hello')
        console.log(this)
    }

    // 调用函数
    // add()
    // window.add()
    console.log('--------------箭头函数中的this关键词-------------------')
    var fn = () => {
        console.log(this)
    }

    fn()

</script>

</body>
</html>